﻿<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
	<title>WTO | Craft</title>
	<meta charset="UTF-8" />
<link rel='stylesheet'  href='index_files/css/styles.css' type='text/css' media='all' />
<link rel='stylesheet'  href='index_files/css/contactform.css' type='text/css' media='all' />
<link rel="stylesheet" href="index_files/css/coin-slider-styles.css" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="index_files/css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="index_files/css/social.css" />
<script src="index_files/js/jquery.min.js"></script>
<script src="index_files/js/jquery-ui.min.js"></script>
<script src="index_files/js/coin-slider.min.js"></script>
<script src="index_files/js/mazine.js"></script>

<script type="text/javascript" src="index_files/js/gallery/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="index_files/js/gallery/jquery.history.js"></script>
		<script type="text/javascript" src="index_files/js/gallery/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="index_files/js/gallery/jquery.opacityrollover.js"></script>
		<!-- We only want the thunbnails to display when javascript is disabled -->
		<script type="text/javascript">
			document.write('<style>.noscript { display: none; }</style>');
		</script>
        
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!--[if IE 8]>
		<link rel="stylesheet" type="text/css" media="all" href="index_files/css/ie.css"/>
	<![endif]-->      
<link rel='stylesheet' id='wpsc-theme-css-compatibility-css'  href='index_files/css/compatibility.css' type='text/css' media='all' />
<link rel='stylesheet' id='wpsc-product-rater-css'  href='index_files/css/product_rater.css' type='text/css' media='all' />
<link rel='stylesheet' id='wpsc-thickbox-css'  href='index_files/css/thickbox.css' type='text/css' media='all' />
<link rel='stylesheet' id='NextGEN-css'  href='index_files/css/nggallery.css' type='text/css' media='screen' />
<link rel='stylesheet' id='shutter-css'  href='index_files/css/shutter-reloaded.css' type='text/css' media='screen' />
<link rel='stylesheet' id='contact-form-7-css'  href='index_files/css/contact-form/styles.css' type='text/css' media='all' />


</head>

<body class="page page-id-4 page-parent page-template page-template-page-store-category-php wpsc wpsc-home body">
	 <!--<div id="chrome"></div>-->
	<header>
		<div class="container_12">
			<div class="grid_12 header_container">
				<h2 id="logo"><a href="" title="Design Forniture" class="tooltip"><img src="index_files/images/logo1.png"></a></h2>
				<nav id="flag">
                	<ul >
                    <li > <a href=""><img src="index_files/images/vn.png"></a></li>
                     <li><a href=""><img src="index_files/images/eng.png"></a></li>
                      <li ><a href=""><img src="index_files/images/korea.png"></a></li>
                       <li><a href=""><img src="index_files/images/japan.png"></a></li>
                    </ul>
                </nav>
                <nav id="sub_links">
					<ul id="menu-secondary-header-menu" class="menu">
                    <li><a href=""><span><span>Đăng nhập</span></span></a></li>
                    <li><a href=""><span><span>Đăng ký</span></span></a></li>
                    <li><a href=""><span><span>Tài khoản</span></span></a></li>
                    <li><a href=""><span><span>Trợ giúp</span></span></a></li>
                    </ul>				
                  </nav>
						
				<div id="cart">
					<div id="cart_content" style="height: 49px; ">
							<!--Shopping Cart-->    <div id="sliding_cart" class="shopping-cart-wrapper">

<div id="cart_top_contents">
	<div id="cart_icon"></div>
	<span id="cart_items_no">2</span>
	<div id="cart_text">
		Sản phẩm trong giỏ hàng<br>Tổng: &nbsp; 		 <span class="price">$533.00</span>
		<a href="" class="details">Chi tiết</a>
	</div>
</div>

<div id="cart_bottom_contents" style="display: none; ">
 	 	
 	<table class="shoppingcart">
		<thead><tr>
			<th id="product">Sản phẩm</th>
			<th id="quantity" class="qty">SL</th>
			<th id="price" class="price">Giá</th>
		</tr></thead>
			
		
					<tbody><tr class="omega">
				<td>Panton Tables</td>
				<td class="qty">1</td>
				<td class="price">$450.00</td>
			</tr>
					<tr class="omega">
				<td>Office Chair</td>
				<td class="qty">1</td>
				<td class="price">$59.00</td>
			</tr>
			

		<tr class="shipping"><td colspan="2">Phí chuyển hàng</td><td class="price">$24.00</td></tr>
	  		 
	  	
	<tr class="total"><td colspan="2">Tổn</td><td class="price">$533.00	</td></tr>
		 </tbody></table>

	
	<form action="" method="post" class="wpsc_empty_the_cart">
		<input type="hidden" name="wpsc_ajax_action" value="empty_cart">
		<span class="emptycart">
			<a target="_parent" href="">Xóa trắng giỏ hàng</a>
		</span>     
        <span class="emptycart" style="float:right;">
			<a target="_parent" href="">Xem chi tiết</a>
		</span>                                                                                           
	</form>
	
	
	<a href="" class="checkout">Đi tới thanh toán</a>
	
</div>
    </div>					</div>
					<div id="cart_footer"></div>
				</div>
				<div class="clear"></div>
				<div id="container">
					
						<div id="container_b">
							
      <div class="menu-top">
		<ul>
			<li><a href="#" >Trang chủ</a></li>
			<li><a href="#" id="current">Giới thiệu</a>
				<ul>
					<li><a href="#">Giới thiệu chung</a></li>
					<li><a href="#">Nhà xưởng & Sản xuất</a></li>
			   </ul>
		  </li>
			<li><a href="/faq.php">Sản phẩm</a>
                <ul>
                <li><a href="#">Drop Down CSS Menus</a></li>
                <li><a href="#">Horizontal CSS Menus</a></li>
                <li><a href="#">Vertical CSS Menus</a></li>
                <li><a href="#">Dreamweaver Menus</a></li>
                </ul>
          </li>
			<li><a href="/contact/contact.php">Liên hệ</a></li>
            <li><a href="/contact/contact.php">Blog</a></li>
            
            <li style="float:right">
            <div id="search">

                <form id="search-form" action="" method="post">
                   <div style="float:left;">
                       <select  class="nice_combox">
                        <option>Tất cả</option>
                        <option>Chuyên mục 1</option>
                        <option>Chuyên mục 2</option>
                        <option>Chuyên mục 3</option>
                        <option>Chuyên mục 4</option>                                  
                        </select>
                    </div>
                  <div style="float: left;"><input class="nice_search" type="text" name="search" value="Tìm kiếm..." /></div>
                  <div style="float: left;"><input class="nice_submit" type="submit" name="submit_search" value="" /></div>
                </form>
      </div>
        </li>
		</ul>
	</div>
    </div>
			<div class="clear"></div>
				</div>

				</div>
			</div>
			
	  </div>
	</header>
<section id="content">
	<div class="container_12" >
    	<div class="grid_12" >
				<div id="title">
                        <h3 class="category-title">Thư viện ảnh</h3>
                </div>
                <div id="gallerAbum">
                	<!-- Start Advanced Gallery Html Containers -->
				<div id="gallery" class="contentgallery">
					<div id="controls" class="controls"></div>
					<div class="slideshow-container">
						<div id="loading" class="loader"></div>
						<div id="slideshow" class="slideshow"></div>
						<div id="caption" class="caption-container"></div>
					</div>
					<div id="captionToggle">
						<a href="#toggleCaption" class="off" title="Show Caption">Hiện mô tả</a>
					</div>
				</div>
				<div id="thumbs" class="navigation">
					<ul class="thumbs noscript">
						<li>
							<a class="thumb" name="leaf" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">
								<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #0" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #0</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" name="drop" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">
								<img src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
							</a>
							<div class="caption">
								Any html can be placed here ...
							</div>
						</li>

						<li>
							<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
								<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2093/2538168854_f75e408156_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #2</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" name="lizard" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">
								<img src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" alt="Title #3" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #3</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">
								<img src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #4</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">
								<img src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #5</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">
								<img src="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_s.jpg" alt="Title #6" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #6</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">
								<img src="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23_s.jpg" alt="Title #7" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3205/2538164270_c7d1646ecf_o.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #7</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">
								<img src="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_s.jpg" alt="Title #8" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #8</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">
								<img src="http://farm3.static.flickr.com/2315/2537343449_f933be8036_s.jpg" alt="Title #9" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2315/2537343449_f933be8036_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #9</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">
								<img src="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_s.jpg" alt="Title #10" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #10</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">
								<img src="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_s.jpg" alt="Title #11" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #11</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">
								<img src="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_s.jpg" alt="Title #12" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #12</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">
								<img src="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_s.jpg" alt="Title #13" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #13</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">
								<img src="http://farm3.static.flickr.com/2041/2083498578_114e117aab_s.jpg" alt="Title #14" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2041/2083498578_114e117aab_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #14</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">
								<img src="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_s.jpg" alt="Title #15" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #15</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">
								<img src="http://farm3.static.flickr.com/2014/2083478274_26775114dc_s.jpg" alt="Title #16" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2014/2083478274_26775114dc_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #16</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">
								<img src="http://farm3.static.flickr.com/2194/2083464534_122e849241_s.jpg" alt="Title #17" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2194/2083464534_122e849241_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #17</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">
								<img src="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_s.jpg" alt="Title #18" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #18</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">
								<img src="http://farm3.static.flickr.com/2375/2538172432_3343a47341_s.jpg" alt="Title #19" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2375/2538172432_3343a47341_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #19</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">
								<img src="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_s.jpg" alt="Title #20" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #20</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">
								<img src="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_s.jpg" alt="Title #21" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #21</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">
								<img src="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_s.jpg" alt="Title #22" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #22</div>
								<div class="image-desc">Description</div>
							</div>
						</li>

						<li>
							<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">
								<img src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" alt="Title #23" />
							</a>
							<div class="caption">
								<div class="download">
									<a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Download Original</a>
								</div>
								<div class="image-title">Title #23</div>
								<div class="image-desc">Description</div>
							</div>
						</li>
					</ul>
				</div>
				<!-- End Advanced Gallery Html Containers -->


				<div style="clear: both;"></div>
		
	
		<script type="text/javascript">
			jQuery(document).ready(function($) {
											var $ =  jQuery.noConflict();
				// We only want these styles applied when javascript is enabled
				$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.contentgallery').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});

				// Enable toggling of the caption
				var captionOpacity = 0.0;
				$('#captionToggle a').click(function(e) {
					var link = $(this);
					
					var isOff = link.hasClass('off');
					var removeClass = isOff ? 'off' : 'on';
					var addClass = isOff ? 'on' : 'off';
					var linkText = isOff ? 'Ẩn mô tả' : 'Hiện mô tả';
					captionOpacity = isOff ? 0.7 : 0.0;

					link.removeClass(removeClass).addClass(addClass).text(linkText).attr('title', linkText);
					$('#caption span.image-caption').fadeTo(1000, captionOpacity);
					
					e.preventDefault();
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 15,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             true,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
						
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(duration, captionOpacity);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					},
					onImageAdded:              function(imageData, $li) {
						$li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
				});

				/**** Functions to support integration of galleriffic with the jquery.history plugin ****/

				// PageLoad function
				// This function is called when:
				// 1. after calling $.historyInit();
				// 2. after calling $.historyLoad();
				// 3. after pushing "Go Back" button of a browser
				function pageload(hash) {
					// alert("pageload: " + hash);
					// hash doesn't contain the first # character.
					if(hash) {
						$.galleriffic.gotoImage(hash);
					} else {
						gallery.gotoIndex(0);
					}
				}

				// Initialize history plugin.
				// The callback is called at once by present location.hash. 
				$.historyInit(pageload, "advanced.html");

				// set onlick event for buttons using the jQuery 1.3 live method
				$("a[rel='history']").live('click', function() {
					if (e.button != 0) return true;

					var hash = this.href;
					hash = hash.replace(/^.*#/, '');

					// moves to a new page. 
					// pageload is called at once. 
					// hash don't contain "#", "?"
					$.historyLoad(hash);

					return false;
				});

				/****************************************************************************************/

				/********************** Attach click event to the Add Image Link ************************/

				$('#addImageLink').click(function(e) {
					gallery.insertImage('<li>																							\
							<a class="thumb" href="http://farm1.static.flickr.com/79/263120676_2518b40e5b.jpg" title="Dynamically Added Image">\
								<img src="http://farm1.static.flickr.com/79/263120676_2518b40e5b_s.jpg" alt="Dynamically Added Image" />\
							</a>																										\
							<div class="caption">																						\
								<div class="download">																					\
									<a href="http://farm1.static.flickr.com/79/263120676_2518b40e5b_o_d.jpg">Download Original</a>		\
								</div>																									\
								<div class="image-title">Dynamically Added Image</div>													\
								<div class="image-desc">																				\
									<img src="http://farm1.static.flickr.com/38/buddyicons/77261001@N00.jpg" alt="ringydingydo" />		\
									Photo taken by <a href="http://www.flickr.com/photos/ringydingydo/">ringydingydo</a>				\
								</div>																									\
							</div>																										\
						</li>', 5);
					
					e.preventDefault();
				});
				
				/****************************************************************************************/
				
				/***************** Attach click event to the Remove Image By Index Link *****************/
				
				$('#removeImageByIndexLink').click(function(e) {
					if (!gallery.removeImageByIndex(5))
						alert('There is no longer an image at position 5 to remove!');

					e.preventDefault();
				});
				
				/****************************************************************************************/

				/***************** Attach click event to the Remove Image By Hash Link ******************/
				
				$('#removeImageByHashLink').click(function(e) {
					if (!gallery.removeImageByHash('lizard'))
						alert('The lizard image has already been removed!');

					e.preventDefault();
				});
				
				/****************************************************************************************/
			});
		</script>
        
                
                </div>
                
        </div>
		<div class="clear"></div>
	</div>	
</section>
<div class="clear"></div>
<footer>
	<div id="footback">
		<div class="container_12">
			<div class="grid_12 content">
				<div class="footer_container">
							<div class="widget-1 alpha recent_entries_dated_widget inner-box box-3">	
                            <h3>Tin mới</h3>
                            <ul>
				<li><span class="date">March 25, 2012</span> <a href="" title="High Five">Tin tức mới 1</a> </li>
				<li><span class="date">March 23, 2012</span> <a href="" title="Casual Style">Tin khuyến mại</a> </li>
				<li><span class="date">March 23, 2012</span> <a href="" title="Wine Art">Tin tuyển dụng</a> </li>
				</ul>
		</div>
        <div class="inner-box box-3" id="butleft"><h3>Nhận tin mới</h3>Hãy đăng ký nhận tin để chúng tôi gửi về về cho bạn những cập nhật tin tức mới nhất
        <form><input type="hidden" name="wpnewsletter_name" id="wpnewsletter_name" value="guest"/>
        <div class="fi_l"><div class="fi_r"><input type="text" name="wpnewsletter_email" id="news-letter"/></div>
        </div> <button id="" class="button-blue">Nhận tin</button>
        </form>
        <div id="nl-text"></div>
        </div>
        <div class="widget-3 omega share_links inner-box box-3">
        <ul class="socialwrap size32 row">
            <li class="iconOnly"><a rel="nofollow" target="_blank"  class="delicious"  href="" >
            <span class="head">Bookmark on Delicious</span></a></li>
            <li class="iconOnly">
            <a rel="nofollow" target="_blank" style="display:block;background: transparent url(index_files/images/digg.png) no-repeat top left;height:32px;width:32px;" class="digg"  href="" >
            <span class="head">Digg this post</span></a></li>
            <li class="iconOnly">
            <a rel="nofollow" target="_blank" style="display:block;background: transparent url(index_files/images/facebook.png) no-repeat top left;height:32px;width:32px;" class="facebook"  href="">
            <span class="head">Recommend on Facebook</span></a></li>
            <li class="iconOnly">
            <a rel="nofollow" target="_blank" style="display:block;background: transparent url(index_files/images/reddit.png) no-repeat top left;height:32px;width:32px;" class="reddit"  href="" title="Share this post : Products Page on Reddit">
            <span class="head">share via Reddit</span></a></li>
            <li class="iconOnly">
            <a rel="nofollow" target="_blank" style="display:block;background: transparent url(index_files/images/stumble.png) no-repeat top left;height:32px;width:32px;" class="stumble"  href="" title="Share this post : Products Page with Stumblers">
            <span class="head">Share with Stumblers</span></a></li><li class="iconOnly">
            <a rel="nofollow" target="_blank" style="display:block;background: transparent url(index_files/images/twitter.png) no-repeat top left;height:32px;width:32px;" class="twitter" href="" title="Tweet this post : Products Page on Twitter">
            <span class="head">Tweet about it</span></a></li>
            <li class="iconOnly">
            <a rel="_self" style="display:block;background: transparent url(index_files/images/rss.png) no-repeat top left;height:32px;width:32px;" class="rss" title="Follow this post : Products Page comments">
            <span class="head">Subscribe to the comments on this post</span></a></li>
        </ul>
		<div>
        	<p style="color:#01778F;font-weight:700;">CÔNG TY CP KINH DOANH CN ATF
            <p>Địa chỉ : 
            <p>Điện thoại : 
            <p>Fax:
            <p>Email:
		</div>
        
        <div class="clean"></div> </div>					
        <div class="clear"></div>
				</div>
				<div id="end">&copy; 2012 <a href="" title="" style="color:#da251f"> BATAVICO</a>. All Rights Reserved. &nbsp; 
                    <ul class="menu">
                    <li><a href=""><span><span>Tin tức &nbsp;|</span></span></a></li>
                    <li ><a href=""><span><span>Liên hệ &nbsp;|</span></span></a></li>
                    <li><a href=""><span><span>Thư viện ảnh &nbsp;|</span></span></a></li>

				</ul> 
					 <a href="http://atf.com.vn" target="_blank">Thiết  kế bởi ATF</a>
				</div>
			</div>	
		</div>
		<div class="clear"></div>
		</div>
	</footer>
</body>
</html>